<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui"

      xmlns:f="http://xmlns.jcp.org/jsf/core">

    <body>

        <ui:composition template="/template/templateAdminProducto.xhtml">
            <ui:define name="title">Nuevo</ui:define>
            <ui:define name="descripcionHeader">
                <i class="fa fa-cubes"/> Manager
                <small>Nuevo Producto</small>
            </ui:define>
            <ui:define name="breadcrumbHeader">

                <li class="active">Nuevo producto</li>

            </ui:define>
            <ui:define name="content">
                <h:form id="ProductoListForm">

                    <div class="row">

                        <div class="col-lg-12">

                            <div class="panel panel-info">
                                <div class="panel-heading" >
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="panel-title pull-left">
                                             <i class="fa fa-plus" style="font-size: 8px;"/> <i class="fa fa-cutlery"/> Nuevo Producto
                                            </div>

                                        </div>
                                   
                                    </div>
                                </div>

                                <div class="panel-body">
                                    
                                     <p:wizard id="wizard" widgetVar="wiz"
                                      flowListener="#{productoController.onFlowProcess}"
                                      
                                      backLabel="Atrás" nextLabel="Siguiente">
                                      
                                         <p:tab id="paso1" title="Paso1">
                                             <p:panel header="Detalle Categoría">
                                                 <h:panelGrid columns="4" ></h:panelGrid>  
                                                 
                                                 
                                                 
                                             </p:panel>   
                                         </p:tab>    
                                          <p:tab id="paso2" title="Paso2">
                                               <p:panel header="Detalle">
                                                 <h:panelGrid columns="4" ></h:panelGrid>  
                                                 
                                                 
                                                 
                                             </p:panel> 
                                         </p:tab>    
                                         <p:tab id="paso3" title="Paso3">
                                              <p:panel header="Detalle">
                                                 <h:panelGrid columns="4" ></h:panelGrid>  
                                                 
                                                 
                                                 
                                             </p:panel> 
                                         </p:tab>    
                                         
                                                <p:tab id="resumen" title="Resumen">
                                              <p:panel header="Resumen del producto">
                                                 <h:panelGrid columns="4" ></h:panelGrid>  
                                                 
                                                 
                                                 
                                             </p:panel> 
                                         </p:tab>   
                                         
                                         
                                     </p:wizard>   
                                    
                                    
                                    
                                    
                                    
                                </div>
                                
                                
                                
                            </div>

                        </div>

                    </div>

                </h:form>    
                <ui:include src="View.xhtml"/>
                <ui:include src="Edit.xhtml"/>
            </ui:define>

        </ui:composition>

    </body>
</html>